﻿<%@ Page Title="Admin - Four Hoteles" Language="C#" MasterPageFile="~/Admin.Master" AutoEventWireup="true" CodeBehind="Admin.aspx.cs" Inherits="HotelesWeb.Admin1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="Content/Styles/Propios/admin.css" rel="stylesheet" />
    <script src="Scripts/Propios/admin.js"></script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="Cuerpo" runat="server">
    <div id="content-admin">
        <h1>Administración Four Hoteles</h1>

        <div id="tabs">
            <ul>
                <li><a href="#tabs-inicio">Inicio</a></li>
                <li><a href="#tabs-cadenas-hoteleras">Cadenas hoteleras</a></li>
                <li><a href="#tabs-hoteles">Hoteles</a></li>
                <li><a href="#tabs-habitaciones">Habitaciones</a></li>   
            </ul>
            <div id="tabs-inicio">
                Este es el administrador de Four Hoteles. Administre sus cadenas, hoteles y habitaciones.
            </div>
            <div id="tabs-cadenas-hoteleras">
                <button id="boton-nueva-cadena">Nueva cadena hotelera</button>
                <div id="content-tabla-cadenas"></div>
            </div>
            <div id="tabs-hoteles">
                <button id="boton-nuevo-hotel">Nuevo hotel</button>
                <div id="content-tabla-hoteles"></div>
            </div>
            <div id="tabs-habitaciones">
                <button id="boton-nueva-habitaciones">Nueva habitación</button>
                <div id="content-tabla-habitaciones"></div>
           </div>
        </div>
    </div>
    
    <div id="dialogo-cadenas">
        <div id="formCadenas" class="fila-input-registro-cadena">
            <label for="nombre-cadena">Nombre</label>
            <input type="text" id="nombre-cadena" name="nombre-cadena" />
        </div>
    </div>

    <div id="dialogo-hoteles">
        <div id="formHoteles">
             <div id="panel-izquierdo-hotel">
                <div class="fila-input-registro-hotel">
                    <label for="nombre-hotel">Nombre</label>
                    <input type="text" id="nombre-hotel" name="nombre-hotel" />
                </div>
                <div class="fila-input-registro-hotel">
                    <label for="cadena-hotel">Cadena hotelera</label>
                    <select id="cadena-hotel" name="cadena-hotel"></select>
                </div>
                <div class="fila-input-registro-hotel">
                    <label for="direccion-hotel">Dirección</label>
                    <input type="text" id="direccion-hotel" name="direccion-hotel" />
                </div>
                <div class="fila-input-registro-hotel">
                    <label for="poblacion-hotel">Población</label>
                    <input type="text" id="poblacion-hotel" name="poblacion-hotel" />
                </div>
                <div class="fila-input-registro-hotel">
                    <label for="provincia-hotel">Provincia</label>
                    <input type="text" id="provincia-hotel" name="provincia-hotel" />
                </div>
                <div class="fila-input-registro-hotel">
                    <label for="telefono-hotel">Teléfono</label>
                    <input type="text" id="telefono-hotel" name="telefono-hotel" />
                </div>
            </div>
            <div id="panel-derecho-hotel">
            
                <div class="fila-input-registro-hotel">
                    <label for="clasificacion-hotel">Clasificación</label>
                    <input type="text" id="clasificacion-hotel" name="clasificacion-hotel" />
                </div>
                <div class="fila-input-registro-hotel">
                    <label for="otros-servicios-hotel">Otros servicios</label>
                    <input type="text" id="otros-servicios-hotel" name="otros-servicios-hotel" />
                </div>
                <div class="panel-checks-hotel">
                    <div class="fila-check-registro-hotel">  
                        <input type="checkbox" id="wifi-hotel" name="wifi-hotel" />
                        <label for="wifi-hotel">Wifi</label>
                    </div>
                    <div class="fila-check-registro-hotel"> 
                        <input type="checkbox" id="parking-hotel" name="parking-hotel" /> 
                        <label for="parking-hotel">Parking</label>
                    </div>
                    <div class="fila-check-registro-hotel"> 
                        <input type="checkbox" id="restaurante-hotel" name="restaurante-hotel" /> 
                        <label for="restaurante-hotel">Restaurante</label>
                    </div>               
                    <div class="fila-check-registro-hotel">  
                        <input type="checkbox" id="salon-hotel" name="salon-hotel" />
                        <label for="salon-hotel">Salones/Reuniones</label>
                    </div>
                </div>
                <div class="panel-checks-hotel">
                    <div class="fila-check-registro-hotel">  
                        <input type="checkbox" id="gimnasio-hotel" name="gimnasio-hotel" />                
                        <label for="gimnasio-hotel">Gimnasio</label>
                    </div>
                    <div class="fila-check-registro-hotel">
                        <input type="checkbox" id="mascotas-hotel" name="mascotas-hotel" />
                        <label for="mascotas-hotel">Mascotas</label>
                    </div>
                    <div class="fila-check-registro-hotel">
                        <input type="checkbox" id="piscina-hotel" name="piscina-hotel" />
                        <label for="piscina-hotel">Piscina</label>
                    </div>
                    <div class="fila-check-registro-hotel">
                        <input type="checkbox" id="spa-hotel" name="spa-hotel" />
                        <label for="spa-hotel">Spa</label>
                    </div>    
                </div>
                <label for="descripcion-hotel">Descripción</label>
                <textarea id="descripcion-hotel"></textarea>
            </div>
        </div>
    </div>

    <div id="dialogo-habitaciones">
        <div id="formHabitaciones">
            <div class="fila-input-registro-habitacion">
                <label for="tipo-habitacion">Tipo</label>
                <input type="text" id="tipo-habitacion" name="tipo-habitacion" />
            </div>
            <div class="fila-input-registro-habitacion">
                <label for="hotel-habitacion">Hotel</label>
                <select id="hotel-habitacion" name="hotel-habitacion"></select>
            </div>
            <div class="fila-input-registro-habitacion">
                <label for="precio-habitacion">Precio</label>
                <input type="text" id="precio-habitacion" name="precio-habitacion" />
            </div>
            <div class="fila-input-registro-habitacion">
                <label for="descripcion-habitacion">Descripción</label>
                <textarea id="descripcion-habitacion"></textarea>
            </div>
        </div>
    </div>
</asp:Content>
